<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>评价进度</title>
		<link rel="stylesheet" type="text/css" href="../static/common.css"/>
		<link rel="stylesheet" type="text/css" href="static/css/office.css"/>
	</head>
	<body>
		<div class="schedule" id="schedule" v-cloak>
			<div class="schedule_top clearfix">
				<p class="fl">请选择类型</p>
				<select v-model="select" class="select fl" @change="getData">
					<option value ="0">全部</option>
					<option value ="1">已评价</option>
					<option value ="2">未评价</option>
				</select>
				<input type="text" class="input fl" placeholder="项目部名称" v-model="conant" @keyup.enter="getData" />
				<span class="fl inline-block btnBlue" @click="getData">查询</span>
			</div>
			<table class="table tableHover">
				<thead>
					<tr>
						<th width="6%">序号</th>
						<!-- <th>项目部名称</th> -->
						<th width="15%">项目部简称</th>
						<th width="10%">填报周期</th>
						<th width="10%">部门主管</th>
						<th width="10%">主管手机号</th>
						<th width="10%">项目经理</th>
						<th width="10%">项目经理手机号</th>
						<th width="6%">评价类型</th>
					</tr>
				</thead>
				<tbody>
					<tr v-for="val,index in list">
						<td>{{index+1}}</td>
						<!-- <td>{{val.projectname}}</td> -->
						<td v-if="val.flag=='已评价'"><span class="listToDetail" @click="toUrl(val.proid,val.reportYear)">{{val.abbname}}</span></td>
						<td v-else>{{val.abbname}}</td>
						<td>{{val.reportYear}}</td>
						<td>{{val.jihuaName}}</td>
						<td>{{val.jihuaPhone}}</td>
						<td>{{val.xiangmuName}}</td>
						<td>{{val.xiangmuPhone}}</td>
						<td :class="val.class">{{val.flag}}</td>
					</tr>
				</tbody>
			</table>
		</div>
	</body>
</html>
<script src="../static/js/jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
<script src="../static/dx.js" type="text/javascript" charset="utf-8"></script>
<script src="../static/js/vue.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	var vm = new Vue({
		el:'#schedule',
		created:function(){
			this.getData();
		},
		data:{
			'conant':'',
			'select':0,
			'list':[]
		},
		methods:{
			getData:function(){
				var $this = this;
				DX.ajax_method({
					'type':'POST',
					'param':{'type':$this.select,'condition':$this.conant},
					'url':'/eva/dlc/findSchedule',
					'callBack':function(res){
						if(res.code == 200){
							$this.list = res.data;
							DX.vueClickTr();
						}else{
							alert(res.msg);
						}
					}
				})
			},
			toUrl:function(id,year){
				window.location.href="officesee.html?search="+id+'&year='+year;
			}
		}
	})
</script>